<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js的cookie</title>
    </head>
    <body>
        <input type="button" value="创建cookie" onclick="createCookie()">
        <input type="button" value="删除cookie" onclick="deleteCookie()">
        <input type="button" value="显示cookie" onclick="showCookie()">
    </body>

    <script type="text/javascript">
        /* 
        
        Cookie 是一些数据, 存储于你电脑硬盘中。
        当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。
        Cookie 的作用就是用于解决 "如何记录客户端的用户信息":
        当用户访问 web 页面时，他的名字可以记录在 cookie 中。
        在用户下一次访问该页面时，服务器可以在 cookie 中读取用户访问记录。
        Cookie 以名/值对形式存储，如下所示:  username=John Doe
        默认情况下，cookie 在浏览器关闭时删除：
        */

        function createCookie() {

            document.cookie = "username=John Doe";
        }

        function deleteCookie() {
            document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
        }


        function showCookie() {
            var x = document.cookie;
            console.log(x);

        }
    </script>
</html>
